<!--  -->
<template>
  <ul class="clearfix">
    <li
      v-for="(item,index) of li"
      :key='index'
    >
      <nuxt-link to='/'>{{item}}</nuxt-link>
    </li>
  </ul>
</template>

<script>
export default {
  data() {
    return {
      li: ["智能排序", "价格最高", "人气最高", "评价最高"]
    };
  },

  components: {},

  computed: {},

  methods: {}
};
</script>
<style lang='scss' scoped>
ul {
  padding: 18px 0;
  li {
    list-style: none;
    float: left;
    margin-right: 30px;
    a {
      color: #666;
      font-weight: 400;
      font-size: 14px;
    }
  }
}
.clearfix {
  overflow: auto;
  _height: 1%;
}
</style>
